export declare const tooltipLeft: `var(--${string})`;
export declare const thumbColor: `var(--${string})`;
export declare const leftVar: `var(--${string})`;
export declare const leftOption: `var(--${string})`;
export declare const sliderStyle: {
    leftVar: `var(--${string})`;
    leftOption: `var(--${string})`;
    container: string;
    tooltip: string;
    datalist: import("@vanilla-extract/recipes").RuntimeFn<{
        double: {
            true: {
                marginTop: `var(--${string})`;
            };
        };
    }>;
    option: import("@vanilla-extract/recipes").RuntimeFn<{
        left: {
            true: {
                left: number;
                transform: "none";
            };
        };
        right: {
            true: {
                left: "100%";
                transform: "translateX(-100%)";
            };
        };
    }>;
    thumbStyle: import("@vanilla-extract/recipes").RuntimeFn<{
        disabled: {
            false: {
                selectors: {
                    '&::-moz-range-thumb': {
                        cursor: "grab";
                    };
                    '&::-webkit-slider-thumb': {
                        cursor: "grab";
                    };
                    '&:active::-moz-range-thumb': {
                        border: `1.5px solid var(--${string})`;
                        boxShadow: `var(--${string})`;
                        cursor: "grabbing";
                    };
                    '&:active::-webkit-slider-thumb': {
                        border: `1.5px solid var(--${string})`;
                        boxShadow: `var(--${string})`;
                        cursor: "grabbing";
                    };
                    '&:hover::-moz-range-thumb': {
                        border: `1.5px solid var(--${string})`;
                    };
                    '&:hover::-webkit-slider-thumb': {
                        border: `1.5px solid var(--${string})`;
                    };
                };
            };
            true: {
                selectors: {
                    '&::-moz-range-thumb': {
                        cursor: "not-allowed";
                    };
                    '&::-webkit-slider-thumb': {
                        cursor: "not-allowed";
                    };
                };
            };
        };
    }>;
    doubleText: import("@vanilla-extract/recipes").RuntimeFn<{
        isDouble: {
            false: {
                alignSelf: "flex-end";
            };
            true: {
                alignSelf: "center";
            };
        };
        isPadded: {
            true: {
                minWidth: `var(--${string})`;
            };
        };
    }>;
    double: import("@vanilla-extract/recipes").RuntimeFn<{
        disabled: {
            false: {
                selectors: {
                    '&:focus::-moz-slider-thumb, &:focus::-webkit-slider-thumb': {
                        border: `1.5px solid var(--${string})`;
                        boxShadow: `var(--${string})`;
                    };
                };
            };
            true: {};
        };
    }>;
    single: import("@vanilla-extract/recipes").RuntimeFn<{
        direction: {
            column: {
                alignSelf: "baseline";
            };
            row: {};
        };
        disabled: {
            false: {
                selectors: {
                    '&:focus::-moz-range-thumb': {
                        border: `1px solid var(--${string})`;
                        boxShadow: `var(--${string})`;
                    };
                    '&:focus::-webkit-slider-thumb': {
                        border: `1px solid var(--${string})`;
                        boxShadow: `var(--${string})`;
                    };
                };
            };
            true: {
                backgroundImage: `linear-gradient(var(--${string}), var(--${string}))`;
            };
        };
        error: {
            true: {
                backgroundImage: `linear-gradient(var(--${string}), var(--${string}))`;
            };
        };
    }>;
    doubleWrapper: string;
    customRail: string;
    innerRail: import("@vanilla-extract/recipes").RuntimeFn<{
        disabled: {
            true: {
                backgroundColor: `var(--${string})`;
            };
        };
        error: {
            true: {
                backgroundColor: `var(--${string})`;
            };
        };
    }>;
    numberInput: string;
};
//# sourceMappingURL=styles.css.d.ts.map